<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
</head>
<body>
      <!-- 头部开始 -->
    <div class="top">
        <div class="w">
          <div class="logo fl">
            <img src="./images/logo.jpg" alt="">
          </div>
          <div class="num fr">
            <span class="iconfont">&#xe65b; 000-0000000</span>
          </div>
        </div>
      </div>
      <div class="header">
        <div class="w">
          <div class="h-list">
            <a href="首页.html" class="fis">首页</a>
            <a href="旅游攻略.html">旅游攻略</a>
            <a href="精选路线.html">精选路线</a>
            <a href="定制游.html">定制游</a>
            <a href="周边游.html">周边游</a>
          </div>
          <div class="inp">
            <input
              type="text"
              placeholder="热门搜索：欧洲、美洲、中东非、澳洲、马代."
            />
            <span class="iconfont">&#xe78b;</span>
          </div>
        </div>
      </div>
      <!-- 头部结束 -->

      <!-- 尾部开始 -->
      <div class="footer">
        <div class="w">
          <div class="fo1">
            <span class="iconfont">&#xe629;</span>
            <h2>阳光行程</h2>
            <p>透明公开</p>
          </div>
          <div class="fo2">
            <span class="iconfont">&#xe643;</span>
            <h2>阳光价格</h2>
            <p>明码实价</p>
          </div>
          <div class="fo3">
            <span class="iconfont">&#xe63b;</span>
            <h2>阳光服务</h2>
            <p>专属客服</p>
          </div>
          <div class="fo4">
            <span class="iconfont">&#xe65b;</span>
            <h2>服务电话</h2>
            <p>000-000-0000</p>
          </div>
        </div>
      </div>
      <div class="footb">
        <div class="w">
          <dl class="fl">
            <dt>去旅游</dt>
            <dd>跟团游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
  
          <dl class="fl">
            <dt class="ddt">去旅游</dt>
            <dd>跟团游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
  
          <dl class="fl">
            <dt class="ddt">去旅游</dt>
            <dd>去旅游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
          <div class="bx"></div>
          <dl class="fl">
            <dt>找优惠</dt>
            <dd>去旅游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
          <div class="bx1"></div>
          <dl class="fl">
            <dt>看攻略</dt>
            <dd>去旅游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
          <div class="bx1"></div>
          <dl class="fl">
            <dt>查服务</dt>
            <dd>去旅游</dd>
            <dd>海岛游</dd>
            <dd>门票</dd>
            <dd>机票+酒店</dd>
            <dd>客服推荐</dd>
          </dl>
          <div class="bx1"></div>
        </div>
      </div>
      <!-- 尾部结束 -->
</body>
</html>